<template>
<div class="header-container">
    <div class="header" >   
            <div class="icon-back" v-on:click="back"></div>        
            <div class="title">筛选</div>
          
    </div>   
    
</div>
</template>
<script>

export default {
    name:'SearchHeader',
    data(){
        return{
         
        }
    },
    methods:{
    back(){
        this.$router.go(-1);//返回上一层
    },
    
    }
    
}
</script>
<style lang="scss" scoped>
.header {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
    height: rem(130);
    min-width: 320px;
    max-width: 750px;
    background-color: #fff;
    border-bottom: 1px solid #f5f5f5;
    .title{
        width: 100%;
        height: rem(130);
        line-height: rem(130);
        text-align: center;
        font-size: rem(45);
        font-weight: 700;
    }    
    
    .icon-back{
        position: absolute;
        top: rem(40);
        left: rem(40);
        width: rem(60);
        height: rem(60);
        background: url(../../../assets/imgs/back.svg) no-repeat 50% 50%;
        background-size: auto 100%;
        cursor: pointer;
    }
}



    




</style>